<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'img_dd6VK0',
'img_qKZv51',
'img_HSMTY9'
"  ></cms:ads>
<div class="header"> 
 <div class="header-icon"> 
  <img src="${img_dd6VK0.adImg}" class="header-left zy" alt="" data-type="ad" data-id="${img_dd6VK0.adId}"> 
  <img src="${img_qKZv51.adImg}" class="header-right zy" alt="" onclick="showPopup()" data-type="ad" data-id="${img_qKZv51.adId}"> 
 </div> 
 <div id="popBg" onclick="closePopup()"></div> 
 <div id="popBox"> 
  <i class="iconfont iconquxiao close-icon" onclick="closePopup()"></i> 
  <ul class="tab-box navWarp">
   <c:forEach var="item" items="${mobileNav }">
    <c:if test="${fn:contains(item.navUrl, 'http')}">
    <li class="${fn:length(item.childrenNav) >0 ? "tab-item tab-item-hover" : "tab-item" }">
      <a href="${item.navUrl }" data-type="nav" data-id="${item.navId }" class="navElement zy">${item.navName }</a>
      <c:if test="${fn:length(item.childrenNav) >0  }">
       <div>
        <c:forEach var="childer" items="${item.childrenNav }">

         <c:if test="${fn:contains(childer.navUrl, 'http')}">
          <a href="${childer.navUrl}"> <p class="subTab-item"><span class="subTab-dot"></span>${childer.navName }</p></a>
         </c:if>

         <c:if test="${!fn:contains(childer.navUrl, 'http')}">
          <a href="${path }/${childer.navUrl}"> <p class="subTab-item"><span class="subTab-dot"></span>${childer.navName }</p></a>
         </c:if>

        </c:forEach>
       </div>
      </c:if>
     </li>
    </c:if>

    <c:if test="${!fn:contains(item.navUrl, 'http')}">
     <li class="${fn:length(item.childrenNav) >0 ? "tab-item tab-item-hover" : "tab-item" }">
      <a href="${path }/${item.navUrl }" data-type="nav" data-id="${item.navId }" class="navElement zy">${item.navName }</a>
      <c:if test="${fn:length(item.childrenNav) >0  }">
       <div>
        <c:forEach var="childer" items="${item.childrenNav }">

         <c:if test="${fn:contains(childer.navUrl, 'http')}">
          <a href="${childer.navUrl}"> <p class="subTab-item"><span class="subTab-dot"></span>${childer.navName }</p></a>
         </c:if>

         <c:if test="${!fn:contains(childer.navUrl, 'http')}">
          <a href="${path }/${childer.navUrl}"> <p class="subTab-item"><span class="subTab-dot"></span>${childer.navName }</p></a>
         </c:if>

        </c:forEach>
       </div>
      </c:if>
     </li>
    </c:if>
   </c:forEach>
   <li class="tab-item">
    <a href="${img_HSMTY9.adUrl}" class="flex align-center">
     <img src="${img_HSMTY9.adImg}" class="zy language" data-type="ad" data-id="${img_HSMTY9.adId}" />
     <span>${img_HSMTY9.adTitle}</span>
    </a >
   </li>
  </ul> 
 </div> 
</div>